<template >
      <div>
            <div class="box-name" :class="{box_name_active:doorItems.isActive}">{{doorItems.name}}</div>
            <div class="doorid" style="display:none">{{doorItems.deviceid}}</div>
            <div class="box-content">
                <el-tooltip :content="'当前状态:'+ [doorItems.isActive?'开':'关']" placement="right">
                  <div class="door-box" :class="{door_open:doorItems.isActive}"></div>
                </el-tooltip>
                <el-badge v-if="doorItems.isnull" value="采集超时" ></el-badge>
            </div>
      </div>
</template>
<script>
export default {
  name:'door',
  props:["doorItems"],
  data () {
    return {
    }
  },
  methods: {
    
  }
}
</script>
<style scope>

</style>